@charset "utf-8";

.sidenav-list {
  margin: 3rem 0;
  background: $white;
  padding: 2rem 0;
  max-height: 580px;
  overflow: auto;
}

.sidenav-list-menu  {
  list-style: none;
  padding: 0 0 0 1rem;
}

.sidenav-list-menu-item {
  padding: .3rem .5rem;
  
  &.active {
    a {
      color: $brand-primary;
    }
  }
  
  &.has-children {
    
    &.active {
      a {
        color: $brand-primary;
      }
    }
    
    & > .sidenav-list-menu {
      overflow: hidden;
      max-height: 9999px;
      transition: max-height 167ms;
    }
    
    &:before {
      content: "";
      display: inline-block;
      width: 13px;
      height: 13px;
      margin-right: .5rem;
      background: url(#{$img-path}/icons/minus.png);
    }
    
    &.collapsed {
      & > .sidenav-list-menu {
        max-height: 0 !important;
      }
      
      &:before {
        background: url(#{$img-path}/icons/plus.png);
      }
    }
  }
}

.sidenav-list-menu-root {
  & > .sidenav-list-menu-item {
    & > a {
      font-weight: 800;
      font-size: 110%;
    }
  }
}